$("#NuevaNoticia").live("click", function () 
{
        $("#formulario").empty();
        $.ajax({
        url : "includes/formularionoticia.html",
        dataType: "text",
        success : function (data) {
            $("#formulario").html(data);
        }
    });
    
    $("#botones").append("<input id='Volver' value='volver' type='button' >");
    $("#botones").append("<input id='SubirNoticia' value='Subir Noticia' type='button' >");
 });

$("#Volver").live("click",function () 
{
    $("#formulario").empty();
    $("#botones").empty();
    $("#formulario").append('<input id="NuevaNoticia" value="Nueva noticia" type="button"></br>');
    $("#formulario").append('<input value="Mis noticias"  type="button">');
});
$("#SubirNoticia").live("click",function()
{
    var noticia = $("#formulario_noticia").serialize();
    $.ajax({
    url: 'procesarNoticia.php',
    data: noticia,
    type: 'POST',
    dataType: 'json',
    success: function(datos){
        $('#estado-registro').text(datos.mensaje).fadeIn("slow");
    }
    });
    
});

$("#nuevoComentario").live("click", function () 
{
        $("#comentar").empty();
        $("#comentar").html('<textarea id="Comentario" name="Comentario" class="formulario"></textarea></br>');
        $("#comentar").append("<input id='Cancelar' value='Cancelar' type='button' >");
        $("#comentar").append("<input id='SubirComentario' value='Subir Comentario' type='button' >");
 });
 
$("#Cancelar").live("click",function () 
{
    $("#comentar").empty();
    $("#comentar").append('<input id="nuevoComentario" value="Comentar Noticia" type="button">');
});

$("#SubirComentario").live("click",function()
{
    var noticia = $("#Comentario").serialize();
    //agragamos la id de noticia usando construccion interna de serialize
    noticia = noticia +"&idNoticia="+$("#idNoticia").text();
    
    
    //envio atraves de ajax
    $.ajax({
    url: 'procesarComentario.php',
    data: noticia,
    type: 'POST',
    dataType: 'json',
    success: function(datos){
        
    }
    });
    
});

$("#MostrarComentarios").live("click",function () 
{
    //primero vemos el numero del ultimo comentario
    var ultimoComentario = parseInt($("#idUltimoComentario").text());
    //Modificamos el boton, si no quede feo
    if(ultimoComentario==0)
    {
        $("#MostrarComentarios").remove();
        $("#comentarios").append('<input id="MostrarComentarios" value="Mostrar mas comentarios" type="button">');
    }
    
    //Enviamos la peticion para resibir 10 comentarios atravez de ajax
    //Enviamos ultimoComentario marcando asi el ultimo comentario que hemos recibido
    //Los mostraremos a partir de los mas recientes
    
    //agragamos la id de noticia usando construccion interna de serialize
    var datoEnvio="ultimoComentario="+ultimoComentario.toString()+"&idNoticia="+$("#idNoticia").text();
    $.ajax({
    url: 'crearListaDeComentarios.php',
    data: datoEnvio,
    type: 'POST',
    dataType: 'json',
    success: function(datos){
            if(datos.error==false)
            {
                //No habia problemas podemos imprimir los datos
                $("#MostrarComentarios").before(datos.listaComentarios);
                $("#idUltimoComentario").html(ultimoComentario +datos.numComentarios);
            }else{
                //habia problemas
                alert(datos["mensaje"]);
            }
    }
    });

});

$(".BorrarComentario").live("click",function (evento) 
{
    //sacamos la id del boton
    var strId=jQuery(this).attr("id").replace("BorrarComentario","");
    //lo enviamos atravez de ajax
    var id=strId;
    strId="id="+strId;
    $.ajax({
    url: 'borrarComentario.php',
    data: strId,
    type: 'POST',
    dataType: 'json',
    success: function(datos){
        if(datos.error==false){
            var idComentario="#comentario"+id;
            $(idComentario).remove();
            var ultimoComentario = parseInt($("#idUltimoComentario").text());
            $("#idUltimoComentario").html(ultimoComentario-1);
        }else{
            alert(datos["mensaje"]);
        }
    }
    });
});